// $c1: #e1251b; //主题色
// $c1h: #c81623; //主题色
$c1: #409eef;//主题色
$c1h: rgb(15, 104, 182);
$t1: #4a4a4a; //主题色

@mixin appW {
  max-width: 1080px;
  min-width: 1080px;
  margin: 0 auto;
}

@mixin h-btw {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@mixin h-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@mixin f-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin v-center {
  display: flex;
  align-items: center;
}


@mixin v-btw {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

@mixin text-justify {
  text-align: justify;
  text-justify: inter-cluster;
}

@mixin line-elli() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@mixin lines-elli($line:1) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}


/**
* 溢出省略号
* @param {Number} 行数
*/
@mixin ellipsis($rowCount: 1) {
  @if $rowCount <=1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  } @else {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $rowCount;
    -webkit-box-orient: vertical;
  }
}
